import Vue from 'vue';

import App from './App.vue';
import TsNews from './TsNews.vue';
import TsPlay from './TsPlay.vue';
import TsShop from './TsShop.vue';
Vue.component('TsNews', TsNews);
Vue.component('TsPlay', TsPlay);
Vue.component('TsShop', TsShop);

Vue.directive('css', {
  inserted(el, binding) {
    // el.style.color = binding.value;
    el.style[binding.arg] = binding.value;
    // el.style.border = 'solid red 2px';
    if (binding.modifiers.u === true) {
      el.style.textDecoration = 'underline';
    }
    if (binding.modifiers.i === true) {
      el.style.fontStyle = 'italic';
    }
    console.log(binding);
  },
});




new Vue({
  el: '#app',
  render: h => h(App),
});